<!--<template>-->
<!--  <basic-container>-->
<!--    <el-card>-->
<!--      <div slot="header">-->
<!--        <div style="margin-bottom: 10px;">道具发放</div>-->
<!--      </div>-->
<!--      <div>-->
<!--        <el-form ref="form" :model="form" label-width="100px">-->
<!--          <el-row>-->
<!--            <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4">-->
<!--              <el-form-item label="产品名称：">-->
<!--                <el-select v-model="form.region" placeholder="请选择活动区域" style="width: 100%;">-->
<!--                  <el-option label="区域一" value="shanghai"></el-option>-->
<!--                </el-select>-->
<!--              </el-form-item>-->
<!--              <el-form-item label="区服：">-->
<!--                <el-select v-model="form.region" placeholder="请选择活动区域" style="width: 100%;">-->
<!--                  <el-option label="区域一" value="shanghai"></el-option>-->
<!--                </el-select>-->
<!--              </el-form-item>-->
<!--              <el-form-item label="角色名称：">-->
<!--                <el-input type="textarea" v-model="form.desc" rows="5"></el-input>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--          </el-row>-->
<!--          <el-form-item label="道具组：">-->
<!--            <el-row gutter="10">-->
<!--              <el-col :xs="24" :sm="12" :md="5" :lg="3" :xl="2">-->
<!--                <el-select v-model="form.region" placeholder="请选择活动区域">-->
<!--                  <el-option label="区域一" value="shanghai"></el-option>-->
<!--                </el-select>-->
<!--              </el-col>-->
<!--              <el-col :xs="24" :sm="12" :md="4" :lg="4" :xl="4">-->
<!--                <el-input v-model="form.name"></el-input>-->
<!--              </el-col>-->
<!--              <el-col :xs="24" :sm="12" :md="8" :lg="8" :xl="8">-->
<!--                <el-button>添加</el-button>-->
<!--                <el-button>重置道具</el-button>-->
<!--              </el-col>-->
<!--            </el-row>-->
<!--          </el-form-item>-->
<!--          <el-row>-->
<!--            <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">-->
<!--          <el-form-item label="发放道具：">-->
<!--            <el-table-->
<!--              :data="tableData"-->
<!--              class="tb-edit"-->
<!--              border-->
<!--              highlight-current-row-->
<!--              @row-click="handleCurrentChange">-->
<!--              <el-table-column label="道具" >-->
<!--                <template scope="scope">-->
<!--                  <el-select size="small" v-model="scope.row.date" placeholder="请选择">-->
<!--                    <el-option v-for="item in options" :key="item.value" :label="item.label"-->
<!--                               :value="item.value"></el-option>-->
<!--                  </el-select>-->
<!--                  <span>{{ scope.row.date }}</span>-->
<!--                </template>-->
<!--              </el-table-column>-->
<!--              <el-table-column label="价值">-->
<!--              </el-table-column>-->
<!--              <el-table-column label="道具数量">-->
<!--                <template scope="scope">-->
<!--                  <el-input size="small" v-model="scope.row.name" placeholder="请输入内容"-->
<!--                            @change="handleEdit(scope.$index, scope.row)"></el-input>-->
<!--                  <span>{{ scope.row.name }}</span>-->
<!--                </template>-->
<!--              </el-table-column>-->
<!--              <el-table-column prop="address" label="道具状态" >-->
<!--                <template scope="scope">-->
<!--                  <el-select size="small" v-model="scope.row.date" placeholder="请选择">-->
<!--                    <el-option v-for="item in options" :key="item.value" :label="item.label"-->
<!--                               :value="item.value"></el-option>-->
<!--                  </el-select>-->
<!--                  <span>{{ scope.row.date }}</span>-->
<!--                </template>-->
<!--              </el-table-column>-->
<!--              <el-table-column prop="address" label="操作" width="150">-->
<!--                <template scope="scope">-->
<!--                  <el-row>-->
<!--                    <el-button @click="delRow(scope.$index)" type="danger" icon="el-icon-close" circle></el-button>-->
<!--                    <el-button @click="addRow()" v-show="scope.$index == tableData.length-1" type="primary"-->
<!--                               icon="el-icon-plus" circle></el-button>-->
<!--                  </el-row>-->
<!--                </template>-->
<!--              </el-table-column>-->
<!--            </el-table>-->
<!--          </el-form-item>-->
<!--            </el-col>-->
<!--          </el-row>-->
<!--          <el-row>-->
<!--            <el-col :xs="24" :sm="12" :md="12" :lg="8" :xl="4">-->
<!--              <el-form-item label="邮件标题：">-->
<!--                <el-input v-model="form.name"></el-input>-->
<!--              </el-form-item>-->

<!--              <el-form-item label="邮件内容：">-->
<!--                <el-input type="textarea" v-model="form.desc" rows="5"></el-input>-->
<!--              </el-form-item>-->
<!--              <el-form-item label="发放说明：">-->
<!--                <el-input v-model="form.name"></el-input>-->
<!--              </el-form-item>-->
<!--            </el-col>-->
<!--          </el-row>-->
<!--          <el-form-item>-->
<!--            <el-button>重置</el-button>-->
<!--            <el-button type="primary" @click="onSubmit">确定</el-button>-->
<!--          </el-form-item>-->
<!--        </el-form>-->
<!--      </div>-->
<!--    </el-card>-->

<!--  </basic-container>-->

<!--</template>-->

<!--<style>-->
<!--.input-with-select .el-input-group__prepend {-->
<!--  background-color: #fff;-->
<!--  width: 100px;-->
<!--}-->

<!--.tb-edit .el-input {-->
<!--  display: none;-->
<!--}-->

<!--.tb-edit .el-select {-->
<!--  display: none;-->
<!--}-->

<!--.tb-edit .current-row .el-select {-->
<!--  display: block;-->
<!--}-->

<!--.tb-edit .current-row .el-select + span {-->
<!--  display: none;-->
<!--}-->

<!--.tb-edit .current-row .el-input {-->
<!--  display: block;-->
<!--}-->

<!--.tb-edit .current-row .el-input + span {-->
<!--  display: none;-->
<!--}-->

<!--</style>-->


<!--<script>-->

<!--export default {-->
<!--  data() {-->
<!--    return {-->
<!--      tableData: [-->
<!--        {-->
<!--          date: '2016-05-02',-->
<!--          name: '王小虎',-->
<!--          address: '上海市普陀区金沙江路 1518 弄'-->
<!--        },-->
<!--        {-->
<!--          date: '2016-05-04',-->
<!--          name: '王小虎',-->
<!--          address: '上海市普陀区金沙江路 1517 弄'-->
<!--        },-->
<!--      ],-->
<!--      form: {-->
<!--        name: '',-->
<!--        region: '',-->
<!--        date1: '',-->
<!--        date2: '',-->
<!--        delivery: false,-->
<!--        type: [],-->
<!--        resource: '',-->
<!--        desc: ''-->
<!--      },-->
<!--      radio1: '全部',-->
<!--      input1: '',-->
<!--      input2: '',-->
<!--      input3: '',-->
<!--      select: '角色名称',-->
<!--      pickerOptions: {-->
<!--        shortcuts: [{-->
<!--          text: '最近一周',-->
<!--          onClick(picker) {-->
<!--            const end = new Date();-->
<!--            const start = new Date();-->
<!--            start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);-->
<!--            picker.$emit('pick', [start, end]);-->
<!--          }-->
<!--        }, {-->
<!--          text: '最近一个月',-->
<!--          onClick(picker) {-->
<!--            const end = new Date();-->
<!--            const start = new Date();-->
<!--            start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);-->
<!--            picker.$emit('pick', [start, end]);-->
<!--          }-->
<!--        }, {-->
<!--          text: '最近三个月',-->
<!--          onClick(picker) {-->
<!--            const end = new Date();-->
<!--            const start = new Date();-->
<!--            start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);-->
<!--            picker.$emit('pick', [start, end]);-->
<!--          }-->
<!--        }]-->
<!--      },-->
<!--      value1: '',-->
<!--      value2: ''-->
<!--    };-->

<!--  },-->

<!--  computed: {},-->

<!--  methods: {-->
<!--    handleCurrentChange(row, event, column) {-->
<!--      console.log(row, event, column, event.currentTarget)-->
<!--    },-->
<!--    handleEdit(index, row) {-->
<!--      console.log(index, row)-->
<!--    },-->
<!--    delRow(idx) {-->
<!--      if (this.tableData.length <= 1) {-->
<!--        return;-->
<!--      }-->
<!--      this.tableData.splice(idx, 1)-->
<!--    },-->
<!--    addRow() {-->
<!--      this.tableData.push({})-->
<!--    }-->
<!--  }-->
<!--}-->

<!--</script>-->

<!--<style>-->
<!--</style>-->
